<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="../js/vue.js"></script>
	</head>
	<body>
		<div id="root">
			<h2>学校名称:{{name}}</h2>
			<h2>学校地址:{{address}}</h2>
			<h2>学生姓名:{{student.name}}</h2>
			<h2>学生地址:{{student.address}}</h2>
			<!-- 增加一个不存在的属性 -->
			<!-- Vue.set(target,key,value) -->
			<!-- Vue.set(vm._data.student,'sex','男') -->
			<!--  -->
			<!-- vm.$set(vm._data.student,'sex','女') -->
			<!-- 注意：vm 和vm._data不可设置：https://v2.cn.vuejs.org/v2/api/#Vue-set -->
		</div>
	</body>
	<!-- 1、加工data set get 2、vm._data = data -->
	<script>
		new Vue({
			el:'#root',
			data(){
				return {
					name:'华清远见',
					address:'重庆',
					student:{
						name:'张三',
						address:'北京'
					}
				}
			},
			methods:{
				
			}
		})
	</script>
</html>